<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite App</title>
  <style>
    @font-face {
      /* 注意重命名字体名称要和字体包名称一样*/
      font-family: "Alibaba-PuHuiTi-Light";
      /* 必须使用相对路径 不然字蛛压缩报错 web fond font*/
      src: url("./Alibaba-PuHuiTi-Light.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
    }


    /* 跟你要压缩的地方类名需要相同 */
    .title {
      /* vue是单页面应用所以弊端就是他会显示到你的页面上 */
      /* 隐藏了之后，所有的title类名都会隐藏，要在真正显示的地方加上display:block使其显示 */
      display: none;
      font-family: "Alibaba-PuHuiTi-Light";
    }
  </style>
</head>

<body>
  <div class="title">
    要压缩的字,让优秀成为一种习惯！
  </div>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>